<template>
  <el-row class="text-center p-t10">
    <el-col :span="6" >
      <el-button @click="clear()" size="mini" type="primary" icon="el-icon-delete">清空号码</el-button>
    </el-col>
    <el-col :span="6" >
      <el-button @click="betDatas()" size="mini" type="primary" icon="el-icon-view">本期投注</el-button>
    </el-col>
    <el-col :span="6">
      <el-button  type="text" size="mini" class="c-warning title18">{{betNum}} 注</el-button>
    </el-col>
    <el-col :span="6" >
      <el-button @click="toBetting()" size="mini" type="success" >立即投注</el-button>
    </el-col>
  </el-row>
</template>
<script>
  export default {
    data() {
      return {
      }
    },
    props:['betNum'],
    methods:{
      clear(){
        this.$emit('clearAll');
      },
      toBetting(){
        this.$emit('gameBetting');
      },
      betDatas(){
        this.$emit('showBets');
      }
    },
    beforeCreate: function() {
    },
    created: function() {
    },
    beforeMount: function() {
    },
    mounted: function() {
    },
    beforeUpdate: function() {
    },
    updated: function() {
    },
    activated: function() {
    },
    deactivated: function() {
    },
    beforeDestroy: function() {
    },
    destroyed: function() {
    },
    errorCaptured: function(err, vm, info) {
    }
  }
</script>
<style scoped>
  .van-button--warning{
    border:none;
    border-top:1px solid rgba(255,255,255,0.3)
  }
  .van-button--warning >>>.van-button__text{
    font-size:12px;
  }
</style>
